<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <!-- コンテナをロード -->
  <script type="text/javascript" src="../src/container.js" ></script>
</head>
<body>
  <div id="stdout"></div>
  <script type="text/javascript">
var stdout = document.getElementById( "stdout" );

// クラス
function Kitten() {
  // name,ageをコンテナから探索するようマーク。
  this.name = container.Inject;
  this.age = container.Inject( "age" );
}
Kitten.prototype = {
   toString: function () { return this.name + ":" + this.age; }
};

var c = new container.Container( function( binder ) {
  
  binder.bind( Kitten ).to( "kitten" );

  binder.bindInstance( "mii" ).to( "name" );
  binder.bindInstance( 2 ).to( "age" );
});

//コンポーネントを取得
//自動インジェクション対象としてマークされている属性は、
//コンテナから値が探索され代入されている。
var kitten = c.get( "kitten" );
stdout.innerHTML += kitten.toString(); // "mii:2"

  </script>
</body>
</html>